<template>
	<satri-page :padding="20">
		<satri-card label="基础用法">
			<satri-countdown :hour="5"></satri-countdown>
		</satri-card>

		<satri-card label="精简模式">
			<satri-countdown :hour="1" simple></satri-countdown>
		</satri-card>

		<satri-card label="自定义格式">
			<satri-countdown :hour="5" format="{d}天{h}时{m}分{s}秒后结束"></satri-countdown>
		</satri-card>

		<satri-card label="自定义样式">
			<satri-countdown
				:hour="5"
				:font-size="40"
				:number-style="{
					backgroundColor: '#f56c6c',
					color: '#fff',
					borderRadius: '8rpx',
					padding: '6rpx',
					margin: '0 6rpx',
				}"
			></satri-countdown>
		</satri-card>
	</satri-page>
</template>
